background-imageプロパティは、DIVタグやPタグ、H1タグ、TABLEタグなど、ホームページを
構成するブロック要素に対して指定することも可能です。たとえば、以下のようにTABLEタグに
background-imageプロパティを指定すると、表組みの背景を画像にすることができます。
| 太陽からの平均距離 | 公転周期 | 質量 | 赤道半径 | |
|---|---|---|---|---|
| 水星 | 0.39 | 0.24 | 0.06 | 0.38 |
| 金星 | 0.72 | 0.62 | 0.82 | 0.95 |
| 地球 | 1.00 | 1.00 | 1.00 | 1.00 |
| 火星 | 1.52 | 1.88 | 0.11 | 0.53 |
| 木星 | 5.20 | 11.86 | 317.83 | 11.21 |
| 土星 | 9.55 | 29.46 | 95.16 | 9.45 |
| 天王星 | 19.22 | 84.02 | 14.54 | 4.01 |
| 海王星 | 30.11 | 164.77 | 17.15 | 3.88 |
| 冥王星 | 39.54 | 247.80 | 0.002 | 0.18 |
| ※いずれも地球を1.00とした場合。 | ||||
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>CSSの基本（8）−背景画像を指定する</TITLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#333333" LINK="#3333CC" VLINK="#6600CC" ALINK="#FF0033"> <H1>CSSで段落や表の背景画像を指定する</H1> <P>background-imageプロパティは、DIVタグやPタグ、H1タグ、TABLEタグなど、ホームページを<br> 構成するブロック要素に対して指定することも可能です。たとえば、以下のようにTABLEタグに<br> background-imageプロパティを指定すると、表組みの背景を画像にすることができます。</P> <br> <H1>太陽系</H1> <BR> <TABLE border="1" style="background-image:url(back2.jpg)"> <TR><TH> </TH><TH>太陽からの平均距離</TH><TH>公転周期</TH><TH>質量</TH><TH>赤道半径</TH></TR> <TR><TH>水星</TH><TD>0.39</TD><TD>0.24</TD><TD>0.06</TD><TD>0.38</TD></TR> <TR><TH>金星</TH><TD>0.72</TD><TD>0.62</TD><TD>0.82</TD><TD>0.95</TD></TR> <TR><TH>地球</TH><TD>1.00</TD><TD>1.00</TD><TD>1.00</TD><TD>1.00</TD></TR> <TR><TH>火星</TH><TD>1.52</TD><TD>1.88</TD><TD>0.11</TD><TD>0.53</TD></TR> <TR><TH>木星</TH><TD>5.20</TD><TD>11.86</TD><TD>317.83</TD><TD>11.21</TD></TR> <TR><TH>土星</TH><TD>9.55</TD><TD>29.46</TD><TD>95.16</TD><TD>9.45</TD></TR> <TR><TH>天王星</TH><TD>19.22</TD><TD>84.02</TD><TD>14.54</TD><TD>4.01</TD></TR> <TR><TH>海王星</TH><TD>30.11</TD><TD>164.77</TD><TD>17.15</TD><TD>3.88</TD></TR> <TR><TH>冥王星</TH><TD>39.54</TD><TD>247.80</TD><TD>0.002</TD><TD>0.18</TD></TR> <TR><TD colspan="5" style="font-size:10pt">※いずれも地球を1.00とした場合。</TD></TR> </TABLE> </BODY> </HTML> |